<template>
  <div class="container">
    <a class="mint-cell">
      <span class="mint-cell-mask"></span>
      <div class="mint-cell-left"></div>
      <div class="mint-cell-wrapper">
        <i :class="['fa', resourceInfo.iconClass]"/>
        <div class="mint-cell-title">
          <span class="mint-cell-text" v-text="resourceInfo.name"></span>
          <span class="mint-cell-label" v-text="resourceInfo.lastModifiedTime"></span>
        </div>

        <div class="mint-cell-value">
          <span v-if="resourceInfo.type !== 'dir'" v-text="(resourceInfo.fileSize/1024/1024).toFixed(2) +'M'"></span>
        </div>
      </div>
      <div class="mint-cell-right"></div>
    </a>
  </div>
</template>
<script>
  export default{
    props: ['resourceInfo', 'from'],
    methods:{

    }
  }
</script>
<style scoped lang="scss">
  @import '../../base/css/_base';
  .container{
    .mint-cell{
      .mint-cell-wrapper{
        i{
          color: #26a2ff;
          font-size: 1.5em;
        }
        .mint-cell-title{
          .mint-cell-text{
            margin-left: 15px;
          }
          .mint-cell-label{
            margin-left: 15px;
          }
        }
      }
    }
  }
</style>
